﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Model.Information>" %>
<%@ Import Namespace="UI.Helper" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<style type="text/css">
			*{ padding:0px; margin:0px; }
			a{ color:Black; }
			h3{ margin: 30px 10px 0 10px; color:Black; font:18pt timeroman, sans-serif; letter-spacing:-1px; font-weight: normal;  }
			
			.boxgrid{ 
				width: 569px; 
				height: 158px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
			.boxgrid1{ 
				width: 569px; 
				height: 146px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: White; 
				height: 158px; 
				width: 100%; 
				opacity: .5; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
 			}
 				.captionfull .boxcaption {
 					top: 190px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 121px;
 					left: 0;
 				}
				
		</style>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
        
        //Full Caption Sliding (Hidden to Visible)
        $('.boxgrid.captionfull').hover(function () {
            $(".cover", this).stop().animate({ top: '0px' }, { queue: false, duration: 160 });
        }, function () {
            $(".cover", this).stop().animate({ top: '191px' }, { queue: false, duration: 160 });
        });
        $('.boxgrid1.captionfull').hover(function () {
            $(".cover", this).stop().animate({ top: '0px' }, { queue: false, duration: 160 });
        }, function () {
            $(".cover", this).stop().animate({ top: '191px' }, { queue: false, duration: 160 });
        });
        //Caption Sliding (Partially Hidden to Visible)
        $('.boxgrid.caption').hover(function () {
            $(".cover", this).stop().animate({ top: '51px' }, { queue: false, duration: 160 });
        }, function () {
            $(".cover", this).stop().animate({ top: '110px' }, { queue: false, duration: 160 });
        });
    });
		</script>

    <div style="float:left;width:936px;margin-top:180px;">
            <div class="bg">
                <div class="bgContent">
                <% if(!Utils.IsEnglish()) {%>
                  <div class="tilte"><img src="<%: Html.ResolveUrl("~/Images/tt-gioithieu.png")%>"/></div><div class="text">
                  <%: MvcHtmlString.Create(Model.ViAboutUs)%>
</div></div>
                <% } %>
                <% else { %>
                    <div class="tilte"><img src="<%: Html.ResolveUrl("~/Images/tt-aboutus.png")%>"/></div><div class="text">
                    <%: MvcHtmlString.Create(Model.EnAboutUs)%>
                    </div></div>
                <% } %>
                <a href='<%= Url.Content("~/Project") %>'>
                <div class="bgimg">
                <div class="boxgrid captionfull">
                <img src="<%= Utils.ResolveUrl(this.Html, "~/") %>Images/img-bds.jpg" width="569" height="158" />
                <div class="cover boxcaption">
					<% if(!Utils.IsEnglish()) {%>
                    <h3><img src="<%: Html.ResolveUrl("~/Images/tt-batdongsan.png")%>" class="Image"/></h3>
                    <% } %>
                <% else { %>
                    <h3><img src="<%: Html.ResolveUrl("~/Images/tt-real.png")%>" class="Image"/></h3>
                <% } %>
                    </div>
                </div></div></a>
                
                <a href='<%= Url.Content("~/Project") %>'>
                <div style="float:left;">
                <div class="boxgrid1 captionfull">
                <img src="<%= Utils.ResolveUrl(this.Html, "~/") %>Images/img-tknt.jpg" width="569" height="146" />
                <div class="cover boxcaption">
					<% if(!Utils.IsEnglish()) {%>
                    <h3><img src="<%: Html.ResolveUrl("~/Images/tt-thietkenoithat.png")%>" class="Image2"/></h3>
                    <% } %>
                <% else { %>
                    <h3><img src="<%: Html.ResolveUrl("~/Images/tt-furniture.png")%>" class="Image2"/></h3>
                <% } %>
                    </div>
                </div>
                </div></a>
                
            </div>
            <div style="float:left; width:12px"><img src="<%= Utils.ResolveUrl(this.Html, "~/") %>Images/copy.png" /></div>
        </div>

</asp:Content>
